<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: yuzhihao
  Date: 2022/3/6
  Time: 20:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/customer_info.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/image/smallLogo.svg" type="image/x-icon">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>

    <style>

        <%--        悬浮在a标签上会出现的效果--%>
        .cus_title .logo .title_list li a:hover+span{
            background-image: url("${pageContext.request.contextPath}/image/list_buttom.png");
            background-size: 12px 6px;
        }

        /*给a标签上色*/
        .cus_title .logo .title_list li .current_page{
            color: #23b7b7 !important;
        }

        /*给span标签加三角形*/
        .cus_title .logo .title_list li .current_page_bottom{
            background-image: url("${pageContext.request.contextPath}/image/list_buttom.png");
            background-size: 12px 6px;
        }

    </style>

</head>
<body>
<jsp:include page="../common/head.jsp"/>

<div class="cus_body">
    <div class="left_info">
        <ul class="left_info_ul">
            <li class="left_title">
                <span>我的神行</span>
            </li>
            <li class="left_body">
                <a href="" class="click_style">用户信息</a>
            </li>
<%--            <li class="left_body">--%>
<%--                <a href="">我的收藏</a>--%>
<%--            </li>--%>
            <li class="left_body">
                <a href="${pageContext.request.contextPath}/ordermanage">订单管理</a>
            </li>
            <li class="left_body">
                <a href="${pageContext.request.contextPath}/customer/coupon/${customer.memberId}">我的优惠券</a>
            </li>
            <li class="left_body">
                <a href="${pageContext.request.contextPath}/message">我的消息</a>
            </li>
        </ul>
    </div>
    <div class="right_info">
        <div class="right_title">
            <h2>用户信息</h2>
        </div>
        <div class="right_body">
            <div class="right_body_box">

                    <div class="layui-upload customer_headshot">
                        <div class="layui-upload-list">
                            <img src="${customer.memberAvatar}" class="layui-upload-img" id="demo1">
                            <p id="demoText"></p>
                        </div>
                        <form action="${pageContext.request.contextPath}/member/upload" enctype="multipart/form-data" method="post">
                            <input type="file" name="file" required="required">
                            <br>
                            <br>
                            <input type="submit" value="上传单个文件">
                        </form>

<%--                        <a type="button" class="layui-btn hade_btn" id="test1">上传图片</a>--%>
                    </div>
                <form method="post" action="${pageContext.request.contextPath}/member/update">
                    <div class="customer_submit">
                        <input type="hidden" name="memberId" value="${customer.memberId}">
                        <span class="table_header">电子邮件:</span>
                        <input type="text" class="content" name="memberEmail" value="${customer.memberEmail}"><br>
                        <span class="table_header">手机号码:</span>
                        <input type="text" class="content" name="memberTelno" value="${customer.memberTelno}"><br>
                        <span class="table_header table_header_test1">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:</span>
                        <input type="text" class="content" name="memberName" value="${customer.memberName}"><br>
                        <span class="table_header table_header_test1">证件类型:</span>
                        <input type="text" class="content" value="身份证"><br>
                        <span class="table_header table_header_test1">证件号码:</span>
                        <input type="text" class="content" name="memberPersonid" value="${customer.memberPersonid}"><br>
                        <span class="table_header table_header_test1">驾驶证认证:</span>
                        <input type="text" class="content" name="memberDriverid" value="${customer.memberDriverid}"><br>
                        <input type="submit" class="submit_btn submit_btn_tn" value="保 存">
                        <div class="submit_btn">
                            <a href="${pageContext.request.contextPath}/member/deleteUser">注 销 账 户</a>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/customer_info.js"></script>

</body>
</html>
